<div class="lightmethod-detail-hook lightmethod-detail">
    <div class="title">
        当前位置：运营管理&nbsp;->&nbsp;照明策略&nbsp;->&nbsp;<span class="active">照明策略详情</span>
    </div>
    <div class="detail-header fr">
        <h3 class="choice">照明策略详情</h3>
        <a class="primary_btn" @click.stop="goBack()">返回</a>
    </div>
    <div class="inner-wrapper inner-detail">
        <div class="form">
            <form class="form-horizontal create-form-hook account-detail-hook" method="post">
                <div class="form-group form-title">
                    <label class="control-label">照明策略名称</label>
                    <input type="text" class="form-control" name="MethodName" v-model="light.name" readonly >
                    <input type="checkbox" name="unify" v-model="light.unify" disabled>统一设置
                </div>
                <!-- 默认分开设置 -->
                <div class="innerbox" v-show='light.unify==false'>
                    <div class="order-box">
                        <div class="order-primary" :class="[but==1?'order-active':'']" @click.stop='but=1'>
                            <span>序号1</span>
                        </div>
                        <div class="order-primary" :class="[but==2?'order-active':'']" @click.stop='but=2'>
                            <span>序号2</span>
                        </div>
                        <div class="order-primary" :class="[but==3?'order-active':'']" @click.stop='but=3'>
                            <span>序号3</span>
                        </div>
                        <div class="order-primary" :class="[but==4?'order-active':'']" @click.stop='but=4'>
                            <span>序号4</span>
                        </div>
                    </div>
                    <!-- 序号1设置开始 -->
                    <div class="form" v-show='but==1'>
                        <div class="form-group">
                            <div class="col-sm-4">
                                <input type="radio" v-model="light.lightmethod.lightmethod1.type" name="lightset1" value="sunset"  disabled>
                                <label class="control-label">按经纬度设置</label>
                            </div>

                            <div class="col-sm-4 method-default">
                                <input type="radio" v-model="light.lightmethod.lightmethod1.type" name="lightset1" value="timeset"  disabled>
                                <label class="control-label">按时间节点设置</label>
                            </div>
                        </div>
                        <div class="form-group" v-show="light.lightmethod.lightmethod1.type == 'sunset'">
                            <div>
                            <table class="table table-method" >
                                <tr>
                                    <td>名称</td>
                                    <td>时间</td>
                                    <td>亮度(%)</td>
                                    <td>调整(m)</td>
                                </tr>
                                <tr>
                                    <td>开灯点</td>
                                    <td class="bggray">日落时间</td>
                                    <td><input type="text"  value="100" name="sunsetLum1"  v-model="light.lightmethod.lightmethod1.sunsetLum" disabled></td>
                                    <td><input type="text"  value="20" name="startDelay1" v-model="light.lightmethod.lightmethod1.startDelay" disabled></td>
                                </tr>
                                <tr>
                                    <td>关灯点</td>
                                    <td class="bggray">日出时间</td>
                                    <td class="bggray">0</td>
                                    <td><input type="text"  value="20" name="endDelay1" v-model="light.lightmethod.lightmethod1.endDelay" disabled></td>
                                </tr>
                            </table>
                            </div>
                            <div v-show="light.lightmethod.lightmethod1.breakpointSunList.length > 0">
                                <span>转换点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                    </tr>
                                    <tr v-cloak v-for="(item, index) of light.lightmethod.lightmethod1.breakpointSunList">
                                        <td>{{item.pointName}}</td>
                                        <td>{{item.changeTime}}</td>
                                        <td>{{item.brightness}}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="form-group" v-show="light.lightmethod.lightmethod1.type == 'timeset'">
                            <div>
                                <span>开关点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                    </tr>
                                    <tr>
                                        <td>开灯点</td>
                                        <td><input type="text"  value="18:00" name="startTime1" v-model="light.lightmethod.lightmethod1.startTime" disabled></td>
                                        <td><input type="text"  value="100" name="timesetLum1" v-model="light.lightmethod.lightmethod1.timesetLum" disabled></td>
                                    </tr>
                                    <tr>
                                        <td>关灯点</td>
                                        <td><input type="text"  value="06:00" name="endTime1" v-model="light.lightmethod.lightmethod1.endTime" disabled></td>
                                        <td class="bggray">0</td>
                                    </tr>
                                </table>
                            </div>
                            <div v-show="light.lightmethod.lightmethod1.breakpointList.length > 0">
                                <span>转换点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                    </tr>
                                    <tr v-cloak v-for="(item, index) of light.lightmethod.lightmethod1.breakpointList">
                                        <td>{{item.pointName}}</td>
                                        <td>{{item.changeTime}}</td>
                                        <td>{{item.brightness}}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    <!-- 序号2设置开始 -->
                    <div class="form" v-show='but==2' >
                        <div class="form-group">
                            <div class="col-sm-4">
                                <input type="radio" v-model="light.lightmethod.lightmethod2.type" name="lightset2" value="sunset" disabled>
                                <label class="control-label">按经纬度设置</label>
                            </div>

                            <div class="col-sm-4 method-default">
                                <input type="radio" v-model="light.lightmethod.lightmethod2.type" name="lightset2" value="timeset" disabled>
                                <label class="control-label">按时间节点设置</label>
                            </div>
                        </div>
                        <div class="form-group" v-show="light.lightmethod.lightmethod2.type == 'sunset'">
                            <div>
                            <table class="table table-method" >
                                <tr>
                                    <td>名称</td>
                                    <td>时间</td>
                                    <td>亮度(%)</td>
                                    <td>调整(m)</td>
                                </tr>
                                <tr>
                                    <td>开灯点</td>
                                    <td class="bggray">日落时间</td>
                                    <td><input type="text"  value="100" name="sunsetLum2"  v-model="light.lightmethod.lightmethod2.sunsetLum" disabled></td>
                                    <td><input type="text"  value="20" name="startDelay2" v-model="light.lightmethod.lightmethod2.startDelay" disabled></td>
                                </tr>
                                <tr>
                                    <td>关灯点</td>
                                    <td class="bggray">日出时间</td>
                                    <td class="bggray">0</td>
                                    <td><input type="text"  value="20" name="endDelay2" v-model="light.lightmethod.lightmethod2.endDelay" disabled></td>
                                </tr>
                            </table>
                            </div>
                            <div v-show="light.lightmethod.lightmethod2.breakpointSunList.length > 0">
                                <span>转换点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                    </tr>
                                    <tr v-cloak v-for="(item, index) of light.lightmethod.lightmethod2.breakpointSunList">
                                        <td>{{item.pointName}}</td>
                                        <td>{{item.changeTime}}</td>
                                        <td>{{item.brightness}}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="form-group" v-show="light.lightmethod.lightmethod2.type == 'timeset'">
                            <div>
                                <span>开关点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                    </tr>
                                    <tr>
                                        <td>开灯点</td>
                                        <td><input type="text"  value="18:00" name="startTime2" v-model="light.lightmethod.lightmethod2.startTime" disabled></td>
                                        <td><input type="text"  value="100" name="timesetLum2" v-model="light.lightmethod.lightmethod2.timesetLum" disabled></td>
                                    </tr>
                                    <tr>
                                        <td>关灯点</td>
                                        <td><input type="text"  value="06:00" name="endTime2" v-model="light.lightmethod.lightmethod2.endTime" disabled></td>
                                        <td class="bggray">0</td>
                                    </tr>
                                </table>
                            </div>
                            <div v-show="light.lightmethod.lightmethod2.breakpointList.length > 0">
                                <span>转换点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                    </tr>
                                    <tr v-cloak v-for="(item, index) of light.lightmethod.lightmethod2.breakpointList">
                                        <td>{{item.pointName}}</td>
                                        <td>{{item.changeTime}}</td>
                                        <td>{{item.brightness}}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    <!-- 序号3设置开始 -->
                    <div class="form" v-show='but==3' >
                        <div class="form-group">
                            <div class="col-sm-4">
                                <input type="radio" v-model="light.lightmethod.lightmethod3.type" name="lightset3" value="sunset" disabled>
                                <label class="control-label">按经纬度设置</label>
                            </div>

                            <div class="col-sm-4 method-default">
                                <input type="radio" v-model="light.lightmethod.lightmethod3.type" name="lightset3" value="timeset" disabled>
                                <label class="control-label">按时间节点设置</label>
                            </div>
                        </div>
                        <div class="form-group" v-show="light.lightmethod.lightmethod3.type == 'sunset'">
                            <div>
                            <table class="table table-method" >
                                <tr>
                                    <td>名称</td>
                                    <td>时间</td>
                                    <td>亮度(%)</td>
                                    <td>调整(m)</td>
                                </tr>
                                <tr>
                                    <td>开灯点</td>
                                    <td class="bggray">日落时间</td>
                                    <td><input type="text"  value="100" name="sunsetLum3"  v-model="light.lightmethod.lightmethod3.sunsetLum" disabled></td>
                                    <td><input type="text"  value="20" name="startDelay3" v-model="light.lightmethod.lightmethod3.startDelay" disabled></td>
                                </tr>
                                <tr>
                                    <td>关灯点</td>
                                    <td class="bggray">日出时间</td>
                                    <td class="bggray">0</td>
                                    <td><input type="text"  value="20" name="endDelay3" v-model="light.lightmethod.lightmethod3.endDelay" disabled></td>
                                </tr>
                            </table>
                            </div>
                            <div v-show="light.lightmethod.lightmethod3.breakpointSunList.length > 0">
                                <span>转换点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                    </tr>
                                    <tr v-cloak v-for="(item, index) of light.lightmethod.lightmethod3.breakpointSunList">
                                        <td>{{item.pointName}}</td>
                                        <td>{{item.changeTime}}</td>
                                        <td>{{item.brightness}}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="form-group" v-show="light.lightmethod.lightmethod3.type == 'timeset'">
                            <div>
                                <span>开关点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                    </tr>
                                    <tr>
                                        <td>开灯点</td>
                                        <td><input type="text"  value="18:00" name="startTime3" v-model="light.lightmethod.lightmethod3.startTime" disabled></td>
                                        <td><input type="text"  value="100" name="timesetLum3" v-model="light.lightmethod.lightmethod3.timesetLum" disabled></td>
                                    </tr>
                                    <tr>
                                        <td>关灯点</td>
                                        <td><input type="text"  value="06:00" name="endTime" v-model="light.lightmethod.lightmethod3.endTime" disabled></td>
                                        <td class="bggray">0</td>
                                    </tr>
                                </table>
                            </div>
                            <div v-show="light.lightmethod.lightmethod3.breakpointList.length > 0">
                                <span>转换点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                    </tr>
                                    <tr v-cloak v-for="(item, index) of light.lightmethod.lightmethod3.breakpointList">
                                        <td>{{item.pointName}}</td>
                                        <td>{{item.changeTime}}</td>
                                        <td>{{item.brightness}}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    <!-- 序号4设置开始 -->
                    <div class="form" v-show='but==4' >
                        <div class="form-group">
                            <div class="col-sm-4">
                                <input type="radio" v-model="light.lightmethod.lightmethod4.type" name="lightset4" value="sunset" disabled>
                                <label class="control-label">按经纬度设置</label>
                            </div>

                            <div class="col-sm-4 method-default">
                                <input type="radio" v-model="light.lightmethod.lightmethod4.type" name="lightset4" value="timeset" disabled>
                                <label class="control-label">按时间节点设置</label>
                            </div>
                        </div>
                        <div class="form-group" v-show="light.lightmethod.lightmethod4.type == 'sunset'">
                            <div>
                            <table class="table table-method" >
                                <tr>
                                    <td>名称</td>
                                    <td>时间</td>
                                    <td>亮度(%)</td>
                                    <td>调整(m)</td>
                                </tr>
                                <tr>
                                    <td>开灯点</td>
                                    <td class="bggray">日落时间</td>
                                    <td><input type="text"  value="100" name="sunsetLum4"  v-model="light.lightmethod.lightmethod4.sunsetLum" disabled></td>
                                    <td><input type="text"  value="20" name="startDelay4" v-model="light.lightmethod.lightmethod4.startDelay" disabled></td>
                                </tr>
                                <tr>
                                    <td>关灯点</td>
                                    <td class="bggray">日出时间</td>
                                    <td class="bggray">0</td>
                                    <td><input type="text"  value="20" name="endDelay4" v-model="light.lightmethod.lightmethod4.endDelay" disabled></td>
                                </tr>
                            </table>
                            </div>
                            <div v-show="light.lightmethod.lightmethod4.breakpointSunList.length > 0">
                                <span>转换点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                    </tr>
                                    <tr v-cloak v-for="(item, index) of light.lightmethod.lightmethod4.breakpointSunList">
                                        <td>{{item.pointName}}</td>
                                        <td>{{item.changeTime}}</td>
                                        <td>{{item.brightness}}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="form-group" v-show="light.lightmethod.lightmethod4.type == 'timeset'">
                            <div>
                                <span>开关点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                    </tr>
                                    <tr>
                                        <td>开灯点</td>
                                        <td><input type="text"  value="18:00" name="startTime4" v-model="light.lightmethod.lightmethod4.startTime" disabled></td>
                                        <td><input type="text"  value="100" name="timesetLum4" v-model="light.lightmethod.lightmethod4.timesetLum" disabled></td>
                                    </tr>
                                    <tr>
                                        <td>关灯点</td>
                                        <td><input type="text"  value="06:00" name="endTime4" v-model="light.lightmethod.lightmethod4.endTime" disabled></td>
                                        <td class="bggray">0</td>
                                    </tr>
                                </table>
                            </div>
                            <div v-show="light.lightmethod.lightmethod4.breakpointList.length > 0">
                                <span>转换点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                    </tr>
                                    <tr v-cloak v-for="(item, index) of light.lightmethod.lightmethod4.breakpointList">
                                        <td>{{item.pointName}}</td>
                                        <td>{{item.changeTime}}</td>
                                        <td>{{item.brightness}}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 勾选后为统一设置 -->
                <div class="innerbox" v-show='light.unify==true'>
                    <div class="form" >
                        <div class="form-group">
                            <div class="col-sm-4">
                                <input type="radio" v-model="light.lightmethodUnify.type" name="lightset" value="sunset" disabled>
                                <label class="control-label">按经纬度设置</label>
                            </div>

                            <div class="col-sm-4 method-default">
                                <input type="radio" v-model="light.lightmethodUnify.type" name="lightset" value="timeset" disabled>
                                <label class="control-label">按时间节点设置</label>
                            </div>
                        </div>
                        <div class="form-group" v-show="light.lightmethodUnify.type == 'sunset'">
                            <div>
                            <table class="table table-method" >
                                <tr>
                                    <td>名称</td>
                                    <td>时间</td>
                                    <td>亮度(%)</td>
                                    <td>调整(m)</td>
                                </tr>
                                <tr>
                                    <td>开灯点</td>
                                    <td class="bggray">日落时间</td>
                                    <td><input type="text"  value="100" name="sunsetLum"  v-model="light.lightmethodUnify.sunsetLum" disabled></td>
                                    <td><input type="text"  value="20" name="startDelay" v-model="light.lightmethodUnify.startDelay" disabled></td>
                                </tr>
                                <tr>
                                    <td>关灯点</td>
                                    <td class="bggray">日出时间</td>
                                    <td class="bggray">0</td>
                                    <td><input type="text"  value="20" name="endDelay" v-model="light.lightmethodUnify.endDelay" disabled></td>
                                </tr>
                            </table>
                            </div>
                            <div v-show="light.lightmethodUnify.breakpointSunList.length > 0">
                                <span>转换点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                    </tr>
                                    <tr v-cloak v-for="(item, index) of light.lightmethodUnify.breakpointSunList">
                                        <td>{{item.pointName}}</td>
                                        <td>{{item.changeTime}}</td>
                                        <td>{{item.brightness}}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="form-group" v-show="light.lightmethodUnify.type == 'timeset'">
                            <div>
                                <span>开关点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                    </tr>
                                    <tr>
                                        <td>开灯点</td>
                                        <td><input type="text"  value="18:00" name="startTime" v-model="light.lightmethodUnify.startTime" disabled></td>
                                        <td><input type="text"  value="100" name="timesetLum" v-model="light.lightmethodUnify.timesetLum" disabled></td>
                                    </tr>
                                    <tr>
                                        <td>关灯点</td>
                                        <td><input type="text"  value="06:00" name="endTime" v-model="light.lightmethodUnify.endTime" disabled></td>
                                        <td class="bggray">0</td>
                                    </tr>
                                </table>
                            </div>
                            <div v-show="light.lightmethodUnify.breakpointList.length > 0">
                                <span>转换点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                    </tr>
                                    <tr v-cloak v-for="(item, index) of light.lightmethodUnify.breakpointList">
                                        <td>{{item.pointName}}</td>
                                        <td>{{item.changeTime}}</td>
                                        <td>{{item.brightness}}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

</div>
<script type="text/javascript" src="js/back/operate/lightmethod/lightmethod_detail.js" custom></script>